<template>
	<view>
		<!-- 提现完成页面 -->
		<u-navbar :is-back="true" title="提现" :border-bottom="false" :background="{backgroundColor:'#00a8ff'}">
		</u-navbar>

		<view class="bgf3f5f7">
			<view class="bgFFFFFF u-m-b-20 u-m-t-40">
				<view class="" style="width: 33%;margin: 0 auto;">
					<image src="../../../../static/icon/moneyQ.png" style="width: 100%;height: 180rpx;" mode=""></image>
				</view>
				<view class="" style="text-align: center;">
					提现申请已成交，等待人工审核成功
				</view>
				<view style="text-align: center;font-size: 60rpx;">
					¥ 520.00
				</view>
			</view>

			<view class="bgFFFFFF u-p-l-26 u-p-r-26 u-m-b-26">
				<view class="" style="border-bottom: 1px solid #f5f5f7;line-height: 80rpx;">

					<text class="small_text">提现方式</text>

					<view class="right" v-show="false">
						<image src="../../../../static/icon/zfbicon.png"
							style="width: 40rpx;height: 40rpx;position: relative;top: 10rpx;margin-right: 20rpx;" mode=""></image> 支付宝
					</view>

					<view class="right" v-show="true">
						<image src="../../../../static/icon/wxicon.png"
							style="width: 40rpx;height: 40rpx;position: relative;top: 10rpx;margin-right: 20rpx;" mode=""></image> 微信
					</view>
				</view>

				<view class="" style="border-bottom: 1px solid #f5f5f7;line-height: 80rpx;">
					<text class="small_text">提现状态</text>

					<u-time-line>
						<u-time-line-item>
							<!-- 此处没有自定义左边的内容，会默认显示一个点 -->
							<template v-slot:content>
								<view>
									<view class="u-order-desc u_sel">提现申请已提交，等待人工审核</view>
									<view class="u-order-time">2019-12-06 22:30</view>
								</view>
							</template>
						</u-time-line-item>
						<u-time-line-item>
							<!-- 此处没有自定义左边的内容，会默认显示一个点 -->
							<template v-slot:content>
								<view>
									<view class="u-order-desc">到账事件预计2小时内</view>
									<view class="u-order-time">2019-2-14 22:30</view>
								</view>
							</template>
						</u-time-line-item>
					</u-time-line>
				</view>
				<view class="u-m-t-26">
					<text class="small_text">到账时间</text>
					<view class="coText">
						工作日17:00之前提现，预计2小时到账；
					</view>
					<view class="coText">
						17:00之后提现次日到账
					</view>
				</view>
			</view>

			<u-button type="primary" style="width: 90%;margin: 0 auto;" @click="endT()">完成
			</u-button>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			endT() {
				console.log("提现完成操作")
			},
			openinfo(url) {
				uni.navigateTo({
					url: url,
				});
			}
		}
	}
</script>

<style scoped lang="scss">
	.right {
		float: right;
	}

	.small_text {
		font-weight: 700;
	}

	.coText {
		color: #b7b7b9;
		font-size: 26rpx;
	}

	.u-node {
		width: 44rpx;
		height: 44rpx;
		border-radius: 100rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #d0d0d0;
	}

	.u-order-title {
		color: #333333;
		font-weight: bold;
		font-size: 26rpx;
	}

	.u_sel {
		color: #3080ff;
	}

	.u-order-desc {
		color: rgb(150, 150, 150);
		font-size: 28rpx;
	}

	.u-order-time {
		color: rgb(200, 200, 200);
		font-size: 26rpx;
	}
</style>
